<!DOCTYPE HTML>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<%@include file="/context/mytags.jsp"%>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<title>我要请假</title>
<link rel="stylesheet" href="${pluginPath}/element/index.css">
</head>
<body>
 <div id="app" class="promotion">
   <!--  <div class="qform">
      <el-form :inline="true" :model="conditions">
        <el-form-item label="活动名称">
          <el-input v-model="conditions.name" placeholder="活动名称"></el-input>
        </el-form-item>
        <el-form-item label="状态">
          <el-select v-model="conditions.state" clearable placeholder="状态">
            <el-option
              v-for="item in states"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="券名称">
          <el-input v-model="conditions.couponType" placeholder="券名称"></el-input>
        </el-form-item>
        <el-form-item label="券功能">
          <el-select v-model="conditions.fun" clearable placeholder="券功能">
            <el-option
              v-for="item in functions"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" icon="search" @click="onQuery">查询</el-button>
        </el-form-item>
      </el-form>
    </div> -->
    
    <el-table
      ref="table"
      :data="pageData.results"
      :model="pageData">
      <el-table-column
        type="index"
        width="70">
      </el-table-column>
      
      <el-table-column
        prop="leName"
        label="请假人名称">
      </el-table-column>
      
      <el-table-column
        prop="apResult"
        label="状态"
        width="80">
        <template scope="scope">
          {{scope.row.apResult|stateName}}
        </template>
      </el-table-column>
      
      <el-table-column
        prop="leStart"
        label="请假开始时间"
        width="200"
        align="right">
      </el-table-column>
      
      <el-table-column
        prop="leEnd"
        label="请假结束时间"
        width="200"
        align="right">
      </el-table-column>
      
      <el-table-column
        prop="apName"
        label="审批人"
        width="190">
      </el-table-column> 
      
      <el-table-column
        prop="opt"
        fixed="right"
        label="操作"
        width="130"
        header-align="center"
        align="center">
        <template scope="scope">
          <el-button size="small" type="text" @click="onEdit(scope.row.id)">编辑</el-button>
        </template>
      </el-table-column>  

    </el-table>
          <!-- 分页  -->
   <page-bar :page-data="pageData.results" @onreload="reloadActivity" 
    class="pagination_wrp pageNavigator"></page-bar>
  </div>
</body>

<script src="${pluginPath}/jquery/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="${pluginPath}/layer/layer.js"></script>
<script type="text/javascript" src="${pluginPath}/vue/vue.js"></script>
<script type="text/javascript" src="${pluginPath}/element/index.js"></script>
<script type="text/javascript" src="${pluginPath}/vue-resource-1.3.4/vue-resource.min.js"></script>
<script type="text/javascript" src="${pluginPath}/tools/commonTools.js"></script>
<script type="text/javascript" src="${pluginPath}/element/page-bar.js"></script>
<script type="text/javascript" src="${webRoot}/webpage/com/graduation/leave2/leave2List.js"></script> 
 </html>